.bg {
  border: 1px solid #ccc;
}
.home {
  height: 100vh;
}
.home .topics li {
  border: 1px solid #ccc;
}
.home .topics li a {
  display: inline-block;
  width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  height: 20px;
}
.home .topics li .time {
  float: right;
}
/* 
.home{
    // 100%不一定和屏幕同高 
    height:100vh;
}
.topics li a{
    // a标签是行内元素，直接设置宽高无效 
    display:inline-block;
    width:70%;
    // 不换行 
    white-space: nowrap;
    overflow: hidden;
    // 超出的显示省略号 
    text-overflow: ellipsis;
    color:#000;
}
.topics li .time{
    float:right;
} 
*/
